<template>
  <!-- 应用的根节点，包含 G6Editor 编辑器组件 -->
  <div id="app">
    <G6Editor mode="edit">
      <!-- G6Editor 编辑器内容 -->
    </G6Editor>
  </div>
</template>

<script>
// 引入自定义的 G6Editor 编辑器组件
import G6Editor from './components/G6Editor'
export default {
  name: 'app', // 组件名称
  components:{G6Editor} // 注册 G6Editor 组件
}
</script>

<style>
/* 设置 html 和 body 的基础样式，去除滚动条和外边距，设置字体大小 */
html, body {
    overflow: hidden;
    margin: 0;
    font-size: 12px;
}
/* 设置 #app 根节点的样式，去除外边距和内边距 */
#app{
  margin: 0;
  padding: 0;
}
</style>
